<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=320.1,minimum-scale=1.0,maximum-scale=1.0">
    <title>百度新闻</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.3.0.min.css">
</head>

<body style="height: 736px;">
    <header>
        <div class="ui-new-toolbar">
            <div class="ui-new-toolbar-l">
                <div class="ui-new-toolbar-btn btn-baidu"></div>
                <div class="ui-new-toolbar-btn btn-userhome"></div>
            </div>
            <div class="ui-new-toolbar-r">
                <div class="ui-new-toolbar-btn btn-search"></div>
                <div class="ui-new-toolbar-btn btn-subscribe"></div>
            </div>
        </div>
    </header>
    <div id="index_view_content">
        <div id="index_view_navigator">
            <div class="divider"></div>
            <div class="content">
                <table>
                    <tbody>
                        <tr>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/chosen:%E6%8E%A8%E8%8D%90" class="cur">推荐</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/news:478:%E7%99%BE%E5%AE%B6">百家</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/local:0:%E5%8C%97%E4%BA%AC">本地</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/image:%E5%9B%BE%E7%89%87">图片</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/info:%E5%A8%B1%E4%B9%90">娱乐</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/info:%E7%A4%BE%E4%BC%9A">社会</span></div>
                            </td>
                        </tr>
                        <tr class="last-shown-line">
                            <td colspan="1">
                                <div><b></b><span data-href="#index/info:%E5%86%9B%E4%BA%8B">军事</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/info:%E5%A5%B3%E4%BA%BA">女人</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/info:%E6%90%9E%E7%AC%91">搞笑</span></div>
                            </td>
                            <td colspan="1">
                                <div><b></b><span data-href="#index/info:%E7%A7%91%E6%8A%80">科技</span></div>
                            </td>
                            <td colspan="2">
                                <div class="more">更多
                                    <div class="down-triangle"></div>
                                </div>
            </div>
            </td>
            </tr>
            </tbody>
            </table>
        </div>
    </div>
    <div id="index_view_sections">
        <div class="index-view-subpage index-view-subpage-chosen">
            <div class="topic-gallery-container">
                <div class="topic-gallery ui-line-icons" style="height: 246px;">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="img/b219ebc4b74543a9c1a27be919178a82b901145d.png"></div>
                            <div class="swiper-slide"><img src="img/timg.jpeg"></div>
                            <div class="swiper-slide"><img src="img/timg2.png"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ui-hotword">
            <div class="ui-hotword-left">
                <span>热点</span>
            </div>
            <ul class="ui-hotword-content" style="transition: margin-top 1s ease-out 0s; margin-top: -56px;">
                <li class="ui-hotword-item" data-name="联合国前秘书长加利">
                    <span>联合国前秘书长加利</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="习近平如何齐家治国">
                    <span>习近平如何齐家治国</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="张嘴睡觉会变丑">
                    <span>张嘴睡觉会变丑</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="越南女 跨省行骗">
                    <span>越南女 跨省行骗</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="台南灯会 土拨鼠">
                    <span>台南灯会 土拨鼠</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="22省份扶贫考核">
                    <span>22省份扶贫考核</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="习近平 从严治党">
                    <span>习近平 从严治党</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="杰布·布什退出大选">
                    <span>杰布·布什退出大选</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="安徽痛经假">
                    <span>安徽痛经假</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="习近平治国理政">
                    <span>习近平治国理政</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
                <li class="ui-hotword-item" data-name="联合国前秘书长加利">
                    <span>联合国前秘书长加利</span>
                    <b class="ui-hotword-item-right"></b>
                </li>
            </ul>
        </div>
        <div class="index-view-subpage-feed">
            <div class="index-list">
                <div class="index-list-item">
                    <div class="index-list-main   showleft">
                        <div class="index-list-image">
                            <i class="ivideoplay"></i>
                            <img src="http://e.hiphotos.baidu.com/news/crop%3D12%2C98%2C482%2C289/sign=9b37ee5ece3d70cf58b5f04dc5ede32c/0df431adcbef7609af3f25f829dda3cc7cd99ea5.jpg">
                        </div>
                        <div class="index-list-main-text">
                            <div class="index-list-main-title">习近平：提高新闻舆论的传播力</div>
                            <div class="index-list-main-abs">中共中央总书记、国家主席、中央军委主席习近平19日在北京主持召开党的新闻舆论工作座谈会并发表重...</div>
                        </div>
                        <div class="index-list-bottom">
                            <div class="index-list-main-time">
                                <b class="tip-reason tip-fillred">新浪头条</b>
                                <b class="index-list-main-site">新浪新闻</b>
                                <b class="tip-time">1天前</b>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 1 start-->
                <div class="index-list-item">
                    <div class="index-list-main   showleft">
                        <div class="index-list-image">
                            <i class="ivideoplay"></i>
                            <img src="http://e.hiphotos.baidu.com/news/crop%3D12%2C98%2C482%2C289/sign=9b37ee5ece3d70cf58b5f04dc5ede32c/0df431adcbef7609af3f25f829dda3cc7cd99ea5.jpg">
                        </div>
                        <div class="index-list-main-text">
                            <div class="index-list-main-title">习近平：提高新闻舆论的传播力</div>
                            <div class="index-list-main-abs">中共中央总书记、国家主席、中央军委主席习近平19日在北京主持召开党的新闻舆论工作座谈会并发表重...</div>
                        </div>
                        <div class="index-list-bottom">
                            <div class="index-list-main-time">
                                <b class="tip-reason tip-fillred">新浪头条</b>
                                <b class="index-list-main-site">新浪新闻</b>
                                <b class="tip-time">1天前</b>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 2 end-->
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper-3.3.0.jquery.min.js"></script>
    <script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000, //可选选项，自动滑动
    })
    </script>
</body>

</html>
